<template>
  <div style="background: white; width: 100vh; height:100vh;">
    <div class="container">
      <img :src="pic" class="qrCode"/>
    </div>
  </div>
</template>

<script>
  export default {
    computed: {
      pic() {
        return '/web-hft-ee/static/img/zydc_kf.jpg';
      }
    },
  }
</script>

<style scoped>
  .container {
    position: absolute;
    top: calc(50% - 227px / 2);
    background: #ffffff;
    left: calc(50% - 227px / 2);
    width: 227px;
    height: 227px;
    box-sizing: border-box;
    border-radius: 10px;
  }

  .qrCode {
    height: 227px;
    width: 227px;
  }

</style>
